<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <title>一号店商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="一号店-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 网站介绍  -->
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
    <!-- 关键词 -->
</head>

<body>
    <header>
        <div class="w nav">
            <div class="nav_l">
                <ul>
                    <li>Hi,请<a href="#">登录</a>&nbsp;/&nbsp;<a href="#">注册</a></li>
                </ul>
            </div>
            <div class="nav_r">
                <ul class="clearfix acd">
                    <li class="ioc"><a href="#">我的1号店 </a></li>
                    <li></li>
                    <li class="ioc"><a href="#">收藏夹 </a></li>
                    <li></li>
                    <li class="ioc"><a href="#">掌上1号店 </a></li>
                    <li></li>
                    <li class="li_minlist_box ioc">
                        <a href="#">客户服务</a>
                        <ul class="li_minlist">
                            <p><a href="#">包裹跟踪</a></p>
                            <p><a href="#">包裹跟踪</a></p>
                            <p><a href="#">包裹跟踪</a></p>
                            <p><a href="#">包裹跟踪</a></p>
                        </ul>

                    </li>
                    <li></li>
                    <li class="ioc"><a href="#">网址导航 </a></li>
                    <li></li>
                    <li><a href="#">关于我们 </a></li>
                    <li></li>

                </ul>
            </div>
        </div>
    </header>
    <script>
        var acd = document.querySelector('.acd')
        var lis = acd.children;
        for (let i = 0; i < lis.length; i++) {
            console.log(lis[i])
            lis[i].onmouseover = function () {
                this.children[1].style.display = 'block'

            }
            lis[i].onmouseout = function () {
                this.children[1].style.display = 'none'
            }

        }


    </script>
    <!-- search -->
    <div class="w search">
        <div class="search_log">
            <a href="#"> <img src="./images/logo.png" alt="logo"></a>
        </div>
        <div class="serch_r">
            <span>商品</span>
            <form action=""><label for=""><input class="se" type="search" placeholder="苹果13"> </label>
                <input class="bt" type="button" value="搜索">
            </form>

        </div>
        <div class="serch_b">
            <ul>
                <li><a href="#">毛巾</a></li>
                <li><a href="#">卫生纸</a></li>
                <li><a href="#">电池</a></li>
                <li><a href="#">洗发露</a></li>
                <li><a href="#">衣服</a></li>
                <li><a href="#">鞋子</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="w navitems">
        <div class="dropdown">
            <div class="dt">所有商品分类 <span class="glyphicon glyphicon-menu-down"></span></div>
            <div class="dd">
                <ul>
                    <li><span></span><a href="#">进口食品、</a><a href="#">生鲜</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">食品、</a><a href="#">饮料、</a> <a href="#">酒</a><em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">母婴、</a><a href="#">玩具、</a><a href="#">童装</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">家具、</a><a href="#">家庭清洁、</a><a href="#">纸品</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">美妆、</a><a href="#">个人护理、</a><a href="#">洗护</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">女装、</a><a href="#">内衣、</a><a href="#">中老年</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">鞋靴、</a><a href="#">箱包、</a><a href="#">腕表配饰</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">男装、</a><a href="#">户外、</a><a href="#">户外健身</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">手机、</a><a href="#">数码、</a><a href="#">电脑办公</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">小家电、</a><a href="#">大家电、</a> <a href="#">汽车</a><em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">保健滋补、</a><a href="#">医药、</a><a href="#">成人</a><em
                            class="glyphicon glyphicon-menu-right"></em></li>
                    <li><span></span><a href="#">礼品、</a><a href="#">卡</a><a href="#">旅游、</a><a href="#">充值</a> <em
                            class="glyphicon glyphicon-menu-right"></em></li>
                </ul>
            </div>
        </div>
        <div class="navitems_r">
            <ul>
                <li><a class="red" href="#">首页</a></li>
                <li><a class="red" href="#">自营</a></li>
                <li><a class="red" href="#">1号团</a></li>
                <li><a href="#" class="black">1号商城</a></li>
                <li><a href="#" class="black">活色生鲜</a></li>
                <li><a href="#" class="black">医药</a></li>
                <li><a href="#" class="black">1号钱包</a></li>

            </ul>
        </div>

    </div>
    <div class="bgc">
        <div class="w">
            <div class="banner ">
                <ul class="banner_btn_box clearfix">
                    <li class="on"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="banner_r">
                <div class="bannner_r_t">
                    <a href="#">
                        <img src="./images/1.jpg" alt="">
                        <p>0元试用</p>
                    </a>
                    <a href="#">
                        <img src="./images/2.jpg" alt="">
                        <p>会员俱乐部</p>
                    </a>
                    <a href="#">
                        <img src="./images/3.jpg" alt="">
                        <p>礼品卡</p>
                    </a>

                </div>
                <div class="banner_r_c">
                    <p> <a><span>【社区】</span>当红明星教你送七夕情人礼！</a></p>
                    <p> <a><span>【社区】</span>全球口碑姨妈巾都在这了！</a></p>
                    <p> <a><span>【社区】</span>V3 会员免费领取啦 还有更多</a></p>
                </div>
                <div class="banner_r_b">
                    <dt>
                        <ul>
                            <li><a href="#">话费快充</a></li>
                        </ul>
                        <ul>
                            <li><a href="#">彩票</a></li>
                        </ul>
                        <ul>
                            <li><a href="#">网游卡点</a></li>
                        </ul>
                    </dt>
                    <dd>
                        <p class="shouji_1"><span>手机号码：</span><input class="shouji" type="tel"></p>
                        <p class="mianzhi_1"><span>面值：</span><input class="mianzhi" type="tel" value="￥10"></p>
                        <p class="shoujia"><span>售价:</span><em class="red">￥14.14</em></p>
                        <p class="tijiao"><input type="button" value="立即充值"></p>
                    </dd>
                </div>
            </div>
        </div>
    </div>
    <!-- end -->
    <!-- 主要内容部分 -->
    <div class="bgc_box">
        <div class="contain w" >
            <div class="teadrink-box">
                <h2 class="title clearfix">
                    <a href="#" class="a-title">食品饮料</a>
                    <ul class="clearfix">
                        <li><a href="#">咖啡</a></li>
                        <li>|</li>
                        <li><a href="#">休闲零食</a></li>
                        <li>|</li>
                        <li><a href="#">饮料</a></li>
                        <li>|</li>
                        <li><a href="#">啤酒</a></li>
                        <li>|</li>
                        <li><a href="#">粮油米面</a></li>
                    </ul>
                </h2>
            </div>
            <div class="main clearfix">
                <div class="main-item-01">
                    <ul class="clearfix">
                        <li><a href="#">饼干糕点</a></li>
                        <li><a href="#">休闲零食</a></li>
                        <li><a href="#">饮料果物</a></li>
                        <li><a href="#">牛奶乳品</a></li>
                        <li><a href="#">冲饮谷物</a></li>
                        <li><a href="#">营养保健</a></li>
                    </ul>
                    <p><a href="#" class="banner_text1">banner</a></p>
                    <p><a href="javascript:;" class="banner_text2">banner</a></p>
                    <p class="banner_img"><a href="#"><img src="images/sec1.jpg" alt=""></a></p>

                </div>
                <div class="main-item-02">
                    <a href="#"><img src="images/sec1-1.jpg" alt=""></a>
                    <div class="banner_btn">
                        <span class="on"></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="main-item-03">
                    <div class="item-01">
                        <a href="#">
                            <p>吃货天堂</p>
                            <p>满49减10</p>
                            <p><a href="#"><img src="images/sec1-2.jpg" alt=""></a></p>
                        </a>
                    </div>
                    <div class="item-02">
                        <a href="#">
                            <p>一号酒窖</p>
                            <p>百威哈皮两件7折</p>
                            <p><img src="images/sec1-3.jpg" alt=""></p>
                        </a>

                    </div>
                </div>
                <div class="main-item-04">
                    <a href="#">
                        <p>夏季美食嘉年华</p>
                        <p>粮油一元抢;爆款五折起</p>
                        <img src="images/sec1-4.jpg" alt="">
                    </a>
                </div>
                <div class="main-item-03">
                    <div class="item-01">
                        <a href="#">
                            <p>饮料饮品</p>
                            <p>爆款满99减25</p>
                            <p><a href="#"><img src="images/sec1-5.jpg" alt=""></a></p>
                        </a>
                    </div>
                    <div class="item-02">
                        <a href="#">
                            <p>甜蜜蜜七夕好礼</p>
                            <p>燕窝买一送一</p>
                            <p><img src="images/sec1-6.jpg" alt=""></p>
                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="contain w">
            <div class="teadrink-box" style="border-bottom:2px solid #a8d12b;">
                <h2 class="title clearfix">
                    <a href="#" class="a-title" style="color: #a8d12b;">个护厨卫</a>
                    <ul class="clearfix">
                        <li><a href="#">咖啡</a></li>
                        <li>|</li>
                        <li><a href="#">休闲零食</a></li>
                        <li>|</li>
                        <li><a href="#">饮料</a></li>
                        <li>|</li>
                        <li><a href="#">啤酒</a></li>
                        <li>|</li>
                        <li><a href="#">粮油米面</a></li>
                    </ul>
                </h2>
            </div>
            <div class="main clearfix">
                <div class="main-item-01">
                    <ul class="clearfix">
                        <li><a href="#">饼干糕点</a></li>
                        <li><a href="#">休闲零食</a></li>
                        <li><a href="#">饮料果物</a></li>
                        <li><a href="#">牛奶乳品</a></li>
                        <li><a href="#">冲饮谷物</a></li>
                        <li><a href="#">营养保健</a></li>
                    </ul>
                    <p><a href="#" class="banner_text1">banner</a></p>
                    <p><a href="javascript:;" class="banner_text2">banner</a></p>
                    <p class="banner_img"><a href="#"><img src="images/sec1.jpg" alt=""></a></p>

                </div>
                <div class="main-item-02">
                    <a href="#"><img src="images/sec1-1.jpg" alt=""></a>
                    <div class="banner_btn">
                        <span class="on"></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="main-item-03">
                    <div class="item-01">
                        <a href="#">
                            <p>吃货天堂</p>
                            <p>满49减10</p>
                            <p><a href="#"><img src="images/sec1-2.jpg" alt=""></a></p>
                        </a>
                    </div>
                    <div class="item-02">
                        <a href="#">
                            <p>一号酒窖</p>
                            <p>百威哈皮两件7折</p>
                            <p><img src="images/sec1-3.jpg" alt=""></p>
                        </a>

                    </div>
                </div>
                <div class="main-item-04">
                    <a href="#">
                        <p>夏季美食嘉年华</p>
                        <p>粮油一元抢;爆款五折起</p>
                        <img src="images/sec1-4.jpg" alt="">
                    </a>
                </div>
                <div class="main-item-03">
                    <div class="item-01">
                        <a href="#">
                            <p>饮料饮品</p>
                            <p>爆款满99减25</p>
                            <p><a href="#"><img src="images/sec1-5.jpg" alt=""></a></p>
                        </a>
                    </div>
                    <div class="item-02">
                        <a href="#">
                            <p>甜蜜蜜七夕好礼</p>
                            <p>燕窝买一送一</p>
                            <p><img src="images/sec1-6.jpg" alt=""></p>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="w  footer">
            <p><a href="#">关于一号店</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;我们的团队&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;网站联盟&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;热门搜索&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;友情链接&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;1号店社区&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;诚征英才&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;商家登录&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;供应商登录&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;放心搜&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;1号店新品&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;开放平台&nbsp;&nbsp;&nbsp;&nbsp;
            </p>
            <p>沪ICP备13044278号&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;合子B1.B2-20130004&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;营业执照&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;互联网药品交易服务资格证
            </p>
            <p>Copyringht&copy; 1号店网上超市2007-2015，All Rights Reserved</p>
        </div>
    </footer>

</body>

</html>